<!DOCTYPE html>

<html lang="en">


<head>

    <style>
        p {

            text-indent: 2em;

            width: 200px;

            padding: 10px;


            font-size: 30px;

            font-style: italic;
            /* 斜体字 */

            font-style: "微软雅黑 Light"

        }


        div {

            text-align: right;

            letter-spacing: 5px;

            text-decoration: overline;
            /* overline 文字下划线 */


            text-transform: uppercase;
            /* 全部字母大写 */

        }

        span {

            font-weight: 900;

        }
    </style>

</head>


<body>

<p>

    这是一个用于测试首行缩进效果的段落元素。当前缩进了两个字符的距离。文字斜体显示，字体微软雅黑。

</p>

<div>

    文字右对齐，文字间距扩大为<span>5px</span>。This words transform to uppercase.

</div>

</body>


</html>